<%@ include file="/WEB-INF/jsp/common.jsp"%>

<script type="text/javascript" src="js/app/common.js"></script>

<link rel="stylesheet" type="text/css" href="css/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" href="css/ui.multiselect.css" />

<script src="js/jqgrid/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jqgrid/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="js/jqgrid/grid.formedit.js" type="text/javascript"></script>
<script src="js/jqgrid/jquery.jqGrid.src.js" type="text/javascript"></script>

<script type="text/javascript" src="js/app/sectionSubjects.js"></script>

<title>Myschool home</title>
<script type="text/javascript">

		  </script>
</head>

<body class="body-content-class">



	<div id="wrapper" style="width: 1100px">
		<div id="banner">

			<!-- include top common header links/buttons,change accordingly -->

			<%@ include file="/WEB-INF/jsp/commonHeader.jsp"%>

			<!-- include top navigation links/buttons,change accordingly -->

			<%@ include file="/WEB-INF/jsp/navigationTop.jsp"%>

		</div>
		<div id="content-wrapper">
			<div id="content">
				<div class="content-top"></div>
				<div class="content">


					<div class="content-body">
						<table cellspacing="0" cellpadding="0" class="layout-grid">
							<tr>
								<td>
									<table class="layout-grid" cellspacing="0" cellpadding="0">
										<tr>
											<td class="left-nav">
												<!-- include  content navigation left links/buttons,change accordingly -->

												<%@ include file="/WEB-INF/jsp/navigationContentLeft.jsp"%>

											</td>
											<td class="normal">
												<div id="demo-header">
													<h2>Add/Remove Section Subjects</h2>
												</div>
												<div style="position: absolute; right: 27px" id="switcher"></div>
												<div id="demo-config">
													<div id="demo-frame-wrapper">
														<div id="demo-frame" style="height: 500px; width: 910px;">

															<div class="demo-description" style="height: 300px">
																<div id="ajax-message-div" style="display: none;">
																	<b>Response:</b> <span id="rsperror" style="color: red"></span>
																</div>
<form id="class-subjects-form" name="class-subjects-form" action="addSectionSubjects.htm" >

  Select Standard :
 <select  name="grade.entityId" onchange="populateSections(this);" id="selectStandard" >
    <form:option value="0" label="--- Select ---"/>
    <form:options items="${grades}" itemValue="entityId" itemLabel="gradeName"/>
 </select>  

 <form:select path="gradeList" onchange="populateSections(this);" id="selectStandardSection" >
    <form:option value="0" label="--- Select ---"/>
   
 </form:select>  


</form>




															</div>
															<!-- End demo-description -->

														</div>
													</div>

												</div>





											</td>
										</tr>
									</table>


								</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
		</div>
		<div id="footer">

			<!-- include  footer content links/buttons,change accordingly -->

			<%@ include file="/WEB-INF/jsp/footer.jsp"%>

		</div>
	</div>
</body>

</html>